<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>笔记列表</title>
    <link rel="stylesheet" type="text/css" href="/static/css/list.css" />
    <style type="text/css">
        .tag-itme {
            color: #666;
        }
        .tag-itme:hover {
            color: #fa1;
        }
    </style>
</head>
<body>
    <div class="form-line">
        日期：
        <select class="sel-day">
            <option>--未选择--</option>
            {% for day in days %}
                <option value="{{ day }}">{{ day }}</option>
            {% endfor %}
        </select>
        <div class="dv-query">
            关键词：
            <input size="30" type="text" name="query" placeholder="关键词（可选、多个用逗号分隔）" />
        </div>
        <button class="btn-query">查 询</button>
    </div>
    标签：
    <div class="tags-wrapper form-line">
    {% for tag in tags %}
        <span data-id="{{ tag.id }}" class="tag-itme {% if tag in selected %}choose{% endif %}" title="{{ tag.name }}">{{ tag.name }}</span>
    {% endfor %}
    </div>
    <div class="dv-result">
        搜索结果
        <span class="result-count">({{ length }}条)</span>
    </div>
    {% if note_list %}
        <ul class="note-list">
            {% for note in note_list %}
            <li data-id="{{ note.id }}">
                <div class="not-head">
                    <a href="/detail/{{ note.id }}">{{ note.title }}</a>
                </div>
                <div class="not-body">
                    <span class="note-date">{{ note.day }}</span>
                </div>
            </li>
            {% endfor %}
        </ul>
    {% else %}
        <h3>没有数据，太懒了，没做笔记</h3>
    {% endif %}
</body>
</html>